<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css"/>
		<!--主页样式-->
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<!--主导航小图标样式-->
		<link rel="stylesheet" type="text/css" href="css/navicon.css"/>
		<!--其他公用样式-->
		<link rel="stylesheet" type="text/css" href="css/mend.css"/>
		<!--接单样式-->
		<link rel="stylesheet" type="text/css" href="css/jiedan.css"/>
		
		<link rel="stylesheet" href="css/jm_news.css" />
		
		<link rel="stylesheet" href="css/jtcl.css" />
		<link rel="stylesheet" href="css/list.css" />
	</head>
	
	<style>
		.clgxs-left-title li{ line-height: 26px;}
		.wid30{ width: 20%;}
		.wid10{ width: 10%;}
		.clgxs-left{ width: 98%;}
		.clgxs-left-title{ height: 60px;}
		.jm_clgxs-left-banner ul:hover{ background-color: #bbddc2; border-radius: 3px;}
		.clgxs-left-banner1 ul{ line-height: 30px;}
		.jm_open-icons,.jm_btn_two,.jm_btn_three,.jm_btn_fore{ padding-top: 15px;}
		.close-icons, .open-icons{ margin-top: 9px;}
	</style>
	
	
	<body class="nav-horizontal logo-c009688 bar-c009688 nav-white" data-class="nav-horizontal">
	<!--顶部-->
	<div id="main_header" class="header-fixed">
		<h1 id="logo" class="j_leftnav"><a href="javascript:;"><i></i><span>人事管理系统</span></a></h1>
		<!--顶部导航 开始-->
		<div id="topnav">
			<ul class="clear">
				<li>
					<a href="javascript:;" data-rippleria class="setup_nav setupbtn rippleria-dark">
						<i></i>
					</a>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_layout setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">用户选项</div>
						<div class="list-group">
							<div class="list-group-item">
								<p>菜单样式</p>
								<div class="radio-group">
									<label class="setup-layout-lable" data-direction="left">
										<input type="radio" name="direction" />左侧
									</label>
									<label class="setup-layout-lable" data-direction="top">
										<input type="radio" name="direction" checked="checked" />上面
									</label>
								</div>
							</div>
							<div class="list-group-item"  id="j_fixed_all">
								<p>导航样式</p>
								<div class="radio-group fixed-check" id="j-fixed-header"  data-check="true"><i></i>固定头部</div>
								<div class="radio-group fixed-check" id="j-fixed-nav" data-check="true" ><i></i>固定导航菜单</div>
							</div>
						</div>
					</div>
				</li>
				<li class="dropdown">
					<a href="javascript:;" data-rippleria class="setup_skin setupbtn rippleria-dark">
						<i></i>
					</a>
					<div class="dropdown-menu">
						<i class="dropdown-adorn"></i>
						<div class="panel-heading">颜色应用</div>
						<div class="panel-body">
							<div class="row clear">
								<div class="col-xs-4 col-item-header">
									<span class="skin-item logo-bg-c000000 active"></span>
									<span class="skin-item logo-bg-c009688"></span>
									<span class="skin-item logo-bg-c8bc34a"></span>
									<span class="skin-item logo-bg-c00bcd4"></span>
									<span class="skin-item logo-bg-cffca28"></span>
									<span class="skin-item logo-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-nav">
									<span class="skin-item bar-bg-cffffff"></span>
									<span class="skin-item bar-bg-c009688"></span>
									<span class="skin-item bar-bg-c8bc34a"></span>
									<span class="skin-item bar-bg-c00bcd4"></span>
									<span class="skin-item bar-bg-cffca28"></span>
									<span class="skin-item bar-bg-cf44336"></span>
								</div>
								<div class="col-xs-4 col-item-bar">
									<span class="skin-item header-bg-c000000"></span>
									<span class="skin-item header-bg-c009688"></span>
									<span class="skin-item header-bg-c8bc34a"></span>
									<span class="skin-item header-bg-c00bcd4"></span>
									<span class="skin-item header-bg-cffca28"></span>
									<span class="skin-item header-bg-cf44336"></span>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
			
		</div>
		<!--顶部导航 结束-->
	</div>
	
	<!--中间-->
	<div id="main_box">
		<!--主导航 开始-->
		<div id="nav" class="j_leftnav nav-fixed">
			<div class="nav-wrapper">
				<div class="nav-wrapper-content">
					<ul class="nav-ul clear" style="width: 1063px;">
						<!--一级第一块-->
						<li>
							<a href="任务进行中.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num1"></em>
								<strong>任务进行中</strong>
							</a>
						</li>
						
						<!--一级第二块-->
						<li>
							<a href="已完成任务.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num2"></em>
								<strong>已完成任务</strong>
							</a>
						</li>
						
						<!--一级第三块-->
						<li>
							<a href="工作统计.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num3"></em>
								<strong>工作统计</strong>
							</a>
						</li>
						
						<!--一级第四块-->
						<li>
							<a href="组织架构.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num4"></em>
								<strong>组织架构</strong>
							</a>
						</li>
						
						<!--一级第五块-->
						<li class="active">
							<a href="模块设定.html" data-rippleria class="rippleria-dark">
								<em class="small-icon-logo small-icon-num5"></em>
								<strong>模块设定</strong>
							</a>
						</li>
					</ul>
					<a class="more-nav-li" href="javascript:">更多</a>
				</div>
			</div>
		</div>

		
		<!--内容区 开始-->
		<div id="main_content" style="margin-left: 0px;">
			
			<div class="main-wrapper-content">
				<div class="breadcrumb" style="margin-top: 71px;">
					<a href="javascript:;">首页</a> > 
					<a href="javascript:;">已完成任务</a> 
				</div>
				
		            <div class="clgxs-left-main">
		                <!--左边部分开始-->
		                <div class="clgxs-left-title">
		                    <ul class="clear">
		                        <li class="wid30">
		                        	<input type="button" value="添加产品线" class="md-button ml5 fl jm_md_button jm_but_color">
		                        	<span>产品线：<span class="cfd0101">8</span></span>
		                        </li>
		                        <li class="wid10">系统</li>
		                        <li class="wid10">模块</li>
		                        <li class="wid10">科目</li>
		                        <li class="wid10">研发</li>
		                        <li class="wid10">研发</li>
		                        <li class="wid10">研发</li>
		                        <li class="wid10">操作</li>
		                    </ul>
		                    <ul class="clear">
		                        <li class="wid30">&nbsp;</li>
		                        <li class="wid10">26</li>
		                        <li class="wid10">54</li>
		                        <li class="wid10">101</li>
		                        <li class="wid10">&nbsp;</li>
		                        <li class="wid10">&nbsp;</li>
		                        <li class="wid10">&nbsp;</li>
		                        <li class="wid10">&nbsp;</li>
		                    </ul>
		                </div>
		                
		                <div class="clgxs-left-caidan-body">
		                    <div class="clgxs-left-banner jm_clgxs-left-banner" id="cdbox">
		                        <!--菜单开始-->
		                        <div class="clgxs-left-banner1  contentbox0">
		                            <ul class="clear">
		                                <li class="wid30 teAlLe">
		                                    <span class="open-icons btn-one"></span>
		                                    <span class="jm_open-icons"></span>
		                                    <b class="TreeLevel1">01、财务系统</b>
		                                </li>
		                                <li class="wid10 ziduan1-1">6</li>
		                                <li class="wid10 ziduan1-2">17</li>
		                                <li class="wid10 ziduan1-3">17 </li>
		                                <li class="wid10 ziduan1-4">邱秋</li>
		                                <li class="wid10 ziduan1-4">邱秋</li>
		                                <li class="wid10 ziduan1-4">邱秋</li>
		                                <li class="wid10 ziduan1-4"></li>
		                            </ul>
		                            <div class="clgxs-left-banner2 disNon" style="display: none;">
		                                <ul class="clear">
		                                    <li class="wid30 teAlLe">
		                                        <span class="open-icons openclose btn-two close-icons"></span>
		                                        <span class="jm_btn_two"></span>
		                                        <b class="TreeLevel2" shortname="E01">01、生产</b>
		                                    </li>
		                                    <li class="wid10 ziduan1-1">&nbsp;</li>
			                                <li class="wid10 ziduan1-2">6</li>
			                                <li class="wid10 ziduan1-3">17 </li>
			                                <li class="wid10 ziduan1-4">&nbsp;</li>
			                                <li class="wid10 ziduan1-4">&nbsp;</li>
			                                <li class="wid10 ziduan1-4">&nbsp;</li>
			                                <li class="wid10 ziduan1-4"></li>
		                                </ul>
		                                <div class="clgxs-left-banner3 disNon" style="display: none;">
		                                    <ul class="clear">
		                                        <li class="wid30 teAlLe">
		                                            <span class="open-icons openclose btn-three close-icons"></span>
		                                            <span class="jm_btn_three"></span>
		                                            <b class="TreeLevel3">01、已签</b>
		                                        </li>
		                                        <li class="wid10 ziduan3-1">&nbsp;</li>
		                                        <li class="wid10 ziduan3-2">&nbsp;</li>
		                                        <li class="wid10 ziduan3-2">&nbsp;</li>
		                                        <li class="wid10 ziduan3-2">1</li>
		                                        <li class="wid10">&nbsp;</li>
		                                        <li class="wid10">&nbsp;</li>
		                                        <li class="wid10">&nbsp;</li>
		                                    </ul>
		                                    <div class="clgxs-left-banner4 disNon" style="display: none;">
		                                        <ul class="clear">
		                                            <li class="wid30 teAlLe">
		                                                <span class="jm_btn_fore openclose"></span>
		                                                <b class="TreeLevel4">01、已签</b>
		                                            </li>
		                                            <li class="wid10 ziduan3-1">&nbsp;</li>
				                                    <li class="wid10 ziduan3-2">&nbsp;</li>
				                                    <li class="wid10 ziduan3-2">&nbsp;</li>
				                                    <li class="wid10 ziduan3-2">陈浩</li>
				                                    <li class="wid10">陈浩</li>
				                                    <li class="wid10">陈浩</li>
				                                    <li class="wid10">&nbsp;</li>
		                                        </ul>
		                                    </div>
		                                </div>
		                            </div>
		                        </div>
		                            
		                            
		                        <div class="clgxs-left-banner1  contentbox0">
		                            <ul class="clear">
		                                <li class="wid30 teAlLe">
		                                    <span class="open-icons btn-one"></span>
		                                    <span class="jm_open-icons"></span>
		                                    <b class="TreeLevel1">设备类</b>
		                                </li>
		                                <li class="wid10 ziduan1-1">2</li>
		                                <li class="wid10 ziduan1-2">5</li>
		                                <li class="wid10 ziduan1-3">6</li>
		                                <li class="wid10 ziduan1-4">5</li>
		                                <li class="wid10 jm_ziduan1">1</li>
		                                <li class="wid10 jm_ziduan1">1</li>
		                                <li class="wid10"></li>
		                            </ul>
		                            <div class="clgxs-left-banner2 disNon" style="display: none;">
		                                <ul class="clear">
		                                    <li class="wid30 teAlLe">
		                                        <span class="open-icons openclose btn-two close-icons"></span>
		                                        <span class="jm_btn_two"></span>
		                                        <b class="TreeLevel2" shortname="F01">洁具设备</b>
		                                    </li>
		                                    <li class="wid10">&nbsp;</li>
		                                    <li class="wid10">3</li>
		                                    <li class="wid10">4</li>
		                                    <li class="wid10">3</li>
		                                    <li class="wid10"></li>
		                                    <li class="wid10"></li>
		                                    <li class="wid10"></li>
		                                </ul>
		                                <div class="clgxs-left-banner3 disNon" style="display: none;">
		                                    <ul class="clear">
		                                        <li class="wid30 teAlLe">
		                                            <span class="open-icons openclose btn-three close-icons"></span>
		                                            <span class="jm_btn_three"></span>
		                                            <b class="TreeLevel3">排风扇</b>
		                                        </li>
		                                        <li class="wid10">1</li>
		                                        <li class="wid10">1</li>
		                                        <li class="wid10"></li>
		                                       	<li class="wid10"></li>
		                                       	<li class="wid10"></li>
		                                    </ul>
		                                    <div class="clgxs-left-banner4 disNon" style="display: none;">
		                                        <ul class="clear">
		                                            <li class="wid30 teAlLe">
		                                                <span class="jm_btn_fore openclose"></span>
		                                                <b class="TreeLevel4">305mm*305mm</b>
		                                            </li>
		                                            <li class="wid10">1</li>
		                                            <li class="wid10"></li>
		                                        	<li class="wid10"></li>
		                                        	<li class="wid10"></li>
		                                        </ul>
		                                    </div>
		                                </div>
		                                <div class="clgxs-left-banner3 disNon" style="display: none;">
		                                    <ul class="clear">
		                                        <li class="wid30 teAlLe">
		                                            <span class="open-icons openclose btn-three close-icons"></span>
		                                            <span class="jm_btn_three"></span>
		                                            <b class="TreeLevel3">感应式烘手器</b>
		                                        </li>
		                                        <li class="wid10">1</li>
		                                        <li class="wid10">2</li>
		                                        <li class="wid10"></li>
		                                     	<li class="wid10"></li>
		                                      	<li class="wid10"></li>
		                                    </ul>
		                                    <div class="clgxs-left-banner4 disNon" style="display: none;">
		                                        <ul class="clear">
		                                            <li class="wid30 teAlLe">
		                                                <span class="jm_btn_fore openclose"></span>
		                                                <b class="TreeLevel4">350mm*230mm*380mm</b>
		                                            </li>
		                                            <li class="wid10">2</li>
		                                            <li class="wid10"></li>
		                                     		<li class="wid10"></li>
		                                      		<li class="wid10"></li>
		                                        </ul>
	                                        </div>
		                                        <div class="clgxs-left-banner4 disNon" style="display: none;">
		                                            <ul class="clear">
		                                                <li class="wid30 teAlLe">
		                                                    <span class="jm_btn_fore openclose"></span>
		                                                    <b class="TreeLevel4">350mm*230mm*380mm</b>
		                                                </li>
		                                                <li class="wid10">2</li>
		                                                <li class="wid10"></li>
		                                        		<li class="wid10"></li>
		                                        		<li class="wid10"></li>
		                                            </ul>
		                                        </div>
		                                    </div>
		                                </div>
		                                <div class="clgxs-left-banner2 disNon" style="display: none;">
			                                <ul class="clear">
			                                    <li class="wid30 teAlLe">
			                                        <span class="open-icons openclose btn-two close-icons"></span>
			                                        <span class="jm_btn_two"></span>
			                                        <b class="TreeLevel2" shortname="A02">办公设备</b>
			                                    </li>
			                                    <li class="wid10">&nbsp;</li>
			                                    <li class="wid10">2</li>
			                                    <li class="wid10">2</li>
			                                    <li class="wid10">2</li>
			                                    <li class="wid10"></li>
		                                        <li class="wid10"></li>
		                                        <li class="wid10"></li>
			                                </ul>
			                                <div class="clgxs-left-banner3 disNon" style="display: none;">
			                                    <ul class="clear">
			                                        <li class="wid30 teAlLe">
			                                            <span class="open-icons openclose btn-three close-icons"></span>
			                                            <span class="jm_btn_three"></span>
			                                            <b class="TreeLevel3">投影幕布配套电机</b>
			                                        </li>
			                                        <li class="wid10">1</li>
			                                        <li class="wid10">1</li>
			                                        <li class="wid10"></li>
		                                        	<li class="wid10"></li>
		                                        	<li class="wid10"></li>
			                                    </ul>
			                                    <div class="clgxs-left-banner4 disNon" style="display: none;">
			                                        <ul class="clear">
			                                            <li class="wid30 teAlLe">
			                                                <span class="jm_btn_fore openclose"></span>
			                                                <b class="TreeLevel4">投影幕布配套电机</b>
			                                            </li>
			                                            <li class="wid10">1</li>
			                                            <li class="wid10"></li>
		                                        		<li class="wid10"></li>
		                                        		<li class="wid10"></li>
			                                        </ul>
			                                    </div>
			                                </div>
			                                <div class="clgxs-left-banner3 disNon" style="display: none;">
			                                    <ul class="clear">
			                                        <li class="wid30 teAlLe">
			                                            <span class="open-icons openclose btn-three close-icons"></span>
			                                           	<span class="jm_btn_three"></span>
			                                            <b class="TreeLevel3">投影幕布</b>
			                                        </li>
			                                        <li class="wid10">1</li>
			                                        <li class="wid10">1</li>
			                                        <li class="wid10"></li>
		                                        	<li class="wid10"></li>
		                                        	<li class="wid10"></li>
			                                    </ul>
			                                    <div class="clgxs-left-banner4 disNon" style="display: none;">
			                                        <ul class="clear">
			                                           	<li class="wid30 teAlLe">
			                                                <span class="jm_btn_fore openclose"></span>
			                                                <b class="TreeLevel4">投影幕布</b>
			                                            </li>
			                                            <li class="wid10">1</li>
			                                            <li class="wid10"></li>
		                                        		<li class="wid10"></li>
		                                        		<li class="wid10"></li>
			                                        </ul>
			                                    </div>
			                                </div>
			                            </div>
		                           	</div>
		                    </div><!--整体菜单结束-->
		                </div><!--出现滚动条出现的结束-->
		            </div>
			</div>
		
		</div>
	</div>
	
	<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--点击圆圈效果-->
	<script src="js/jquery.rippleria.min.js" type="text/javascript" charset="utf-8"></script>
	<!--模拟滚动条-->
	<script src="js/scroll.js" type="text/javascript" charset="utf-8"></script>
	<!--主导航-->
	<script src="js/main.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/rxued.js" type="text/javascript" charset="utf-8"></script>
	<!--placeholder-->
	<script src="js/jquery.placeholder.1.3.min.js" type="text/javascript" charset="utf-8"></script>
	<!--分页-->
	<script src="js/jquery.pagination.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(function(){
			
	        //////////////////////////  树    形     ///////////////////////////////////
	        
	        //计算滚动条的函数
            function mainScroll() {
                var winH = $(window).height();
                //右侧的高度
                $(".clgxs-left-caidan-body").css("height", winH - 33 - $(".clgxs-left-header").outerHeight(true) - $(".clgxs-left-title").outerHeight(true) + "px")
                //右侧的高度
                $(".clgxs-right").css("height", winH - 45 + "px")
                //左侧右侧宽度

                //jm   $(".clgxs-left-title ul").css("width", $(".clgxs-left-banner1").outerWidth() + "px")
            }
            
            //菜单显示
            //左侧一级菜单的控制
            $("#cdbox,#cdbox2").on("click", ".btn-one", function () {
                if ($(this).parents("ul").next(".clgxs-left-banner2").css("display") == "none") {
                    $(".clgxs-left-banner1").find("div").css("display", "none")
                    $(".clgxs-left-banner1").find(".close-icons").removeClass("close-icons")
                    $(this).parents("ul").nextAll(".clgxs-left-banner2").css("display", "block");
                    $(this).addClass("close-icons")
                } else {
                    $(this).parents("ul").parent().find("div").css("display", "none")
                    $(this).removeClass("close-icons")
                }
            });


            //左侧二级菜单的控制
            $("#cdbox,#cdbox2").on("click", ".btn-two", function () {
                if ($(this).parents("ul").next(".clgxs-left-banner3").css("display") == "none") {
                    $(".clgxs-left-banner2").find("div").css("display", "none")
                    $(".clgxs-left-banner2").find(".openclose").removeClass("close-icons")
                    $(this).parents("ul").nextAll(".clgxs-left-banner3").css("display", "block")
                    $(this).addClass("close-icons")
                } else {
                    $(this).parents("ul").parent().find("div").css("display", "none")
                    $(this).removeClass("close-icons")
                }
            })

            //左侧三级菜单的控制
            $("#cdbox,#cdbox2").on("click", ".btn-three", function () {
                if ($(this).parents("ul").next(".clgxs-left-banner4").css("display") == "none") {
                    $(".clgxs-left-banner3").find("div").css("display", "none")
                    $(".clgxs-left-banner3").find(".openclose").removeClass("close-icons")
                    $(this).parents("ul").nextAll(".clgxs-left-banner4").css("display", "block")
                    $(this).addClass("close-icons")
                } else {
                    $(this).parents("ul").parent().find("div").css("display", "none")
                    $(this).removeClass("close-icons")
                }
            })
            //左侧四级菜单的控制
            $("#cdbox,#cdbox2").on("click", ".btn-fore", function () {
                if ($(this).parents("ul").next(".clgxs-left-banner5").css("display") == "none") {
                    $(".clgxs-left-banner4").find("div").css("display", "none")
                    $(".clgxs-left-banner4").find(".openclose").removeClass("close-icons")
                    $(this).parents("ul").nextAll(".clgxs-left-banner5").css("display", "block")
                    $(this).addClass("close-icons")
                } else {
                    $(this).parents("ul").parent().find("div").css("display", "none")
                    $(this).removeClass("close-icons")
                }
            })
            
		})
	</script>
	</body>
</html>
